jQuery(function(jQuery) {
    jQuery('#popup-sus').css('margin-left', '-' + (jQuery('#popup-sus').width() / 2) + 'px');
//    jQuery('#popup-sus').css('margin-top', '-' + (jQuery('#popup-sus').height() / 2) + 'px');

    jQuery("#form-newsletter").submit(function(){

        if (jQuery('.newsletter-email').val() != '') {
            var data = {//estos son los datos que paso por $_POST
                action: 'guardar_suscriptor',
                email: jQuery('.newsletter-email').val()
            };

            jQuery.ajax({
                type: "POST",
                url: ajax_object.ajax_url,
                data: data,
                beforeSend: function() {
                    loadPopup();
                },
                success: function(datos) {
                    loadPopup();
                    jQuery('#newsletter #texto').html(datos);
                    jQuery('.cargando').hide();
                },
                timeout: 4000,
                error: function() {
                    loadPopup();
                    jQuery('#newsletter #texto').html('<div>No se ha podido establecer la conexión con el servidor.</div>');
                    jQuery('#popup-sus .cargando').hide();
                }
            });
        } else {
            loadPopup();
            jQuery('#newsletter #texto').html('<div>Primero debes ingresar una dirección de email.</div>');
            jQuery('#popup-sus .cargando').hide();
        }

        return false;
    });




    jQuery("label.agregar").click(function() {
        loadPopup(); // function show popup
    });

    jQuery("div.close").click(function() {
        disablePopup(); // function close pop up
    });

    jQuery(this).keyup(function(event) {
        if (event.which == 27) { // 27 is 'Ecs' in the keyboard
            disablePopup(); // function close pop up
        }
    });
    /************** start: functions. **************/

    function loadPopup() {
        jQuery("#popup-sus").fadeIn(0500); // fadein popup div
        jQuery("#backgroundPopup").fadeIn(0001);
        jQuery('#popup-sus .cargando').fadeIn();
    }

    function disablePopup() {
        jQuery('input[type="text"]').val('');
        jQuery("#popup-sus").fadeOut("normal");
        jQuery("#backgroundPopup").fadeOut("normal");
        jQuery('#newsletter #texto').html('');
        jQuery('#popup-sus .cargando').hide();
    }

    /************** end: functions. **************/
}); // jQuery End





















